<%@ taglib prefix="a" uri="http://jmaki/v1.0/jsp" %>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>

<f:view>
    <html>
    <head>
        <t:stylesheet path="../css/estilo.css"/>
        <t:stylesheet path="../estilo/estilo_componente.css"/>
        <t:stylesheet path="../estilo/estilo_formulario.css"/>
        <f:loadBundle basename="recursos.publico" var="cpublico"/>
        <f:loadBundle basename="recursos.componentes" var="msjCompontent"/>
        <f:loadBundle basename="recursos.privado" var="cprivado"/>
    </head>
    <body>
        <t:div id="main">
            <t:div id="nav">
                <h:form id="navegacion">
                    <h:graphicImage value="../css/nexus.png" width="162" height="51" styleClass="logo"/>
                    <jsp:include page="../componentes/panel_menu_lateral.jsp"/>
                </h:form>
            </t:div>
            <t:div id="content">
                <p class="clear">&nbsp;</p>
                <h2><strong>Editar Perfil de Usuario</strong></h2>
                <t:div styleClass="fisheye">
                    <a:widget name="dojo.fisheye"
                        value="[
                        {iconSrc:'../estilo/imagenes/inicio.png', label : 'Inicio',action: {message:{value: 'inicio'}}},
                        {iconSrc:'../estilo/imagenes/perfil.png',
                        label : 'Perfil',action: {message:{value: 'perfil'}}},
                        {iconSrc:'../estilo/imagenes/salir_1.png',
                        label : 'Salir',action: {message:{value: 'salir'}}},
                        ]" />
                </t:div>
                
                <p> En esta seccion podra hacer modificaciones a su perfil de usuario, tambien podra cambiar su contrasena y cambiar su imagen de usuario.</p>
            <h:panelGroup>
                <fieldset>
                <legend>Datos Personales</legend>
                <blockquote>
                        <h:messages/>
                </blockquote>
                <h:form>    
                    <div align="center">
                    <t:panelGrid id="dpd" columns="2">
                        <h:outputText value="Nombre Completo: " styleClass="label"/>
                        <h:inputText value="#{perfilBean.usuario.nombreCompleto}" autocomplete="true" required="true" requiredMessage="El nombre completo es obligatorio" style="width:300px;"/>
                        <h:outputText value="Email: " styleClass="label"/>
                        <h:inputText id="email" value="#{perfilBean.usuario.emailUsuario}" style="width:300px;"/>
                        <h:outputText value="Descripcion Personal: " styleClass="label"/>
                        <h:inputTextarea value="#{perfilBean.usuario.descripcionUsuario}" style="width:300px;height:200px;"/>
                   </t:panelGrid>
                   <t:panelGroup>
                        <div align="center">
                            <h:commandButton value="Guardar Cambios" styleClass="boton" action="#{perfilBean.guardarCambios}"/>
                        </div>
                        <br>
                    </t:panelGroup>
                    </div>
                </h:form>
                </fieldset>
            <fieldset>
                <legend><h:outputText value="#{cprivado.cambiarContra}"/></legend>
        <h:form>
            <div align="center">
            <t:panelGrid columns="2">
                <h:outputText value="#{cprivado.antContra}" styleClass="label"/>
                <h:inputSecret id="antCont" value="#{perfilBean.antContrasena}" required="true" requiredMessage="anterior contrasena es un dato obligatorio" style="width:300px;"/>
                <h:outputText value="#{cprivado.nuevaContra}" styleClass="label"/>
                <h:inputSecret id="nueCont" value="#{perfilBean.nuevoContrasena}" required="true" requiredMessage="nueva contrasena es un dato obligatorio" style="width:300px;"/>
                <h:outputText value="#{cprivado.repContra}" styleClass="label"/>
                <h:inputSecret id="repNueCont" value="#{perfilBean.repNuevoContrasena}" required="true" requiredMessage="" style="width:300px;"/>
           </t:panelGrid>
           <t:panelGroup>
                    <div align="center">
                        <h:commandButton value="Cambiar"  action="#{perfilBean.cambiarContra}" styleClass="boton"/>
                    </div>
                    <br>
           </t:panelGroup>
           </div>
        </h:form>
        </fieldset>
        <br>
        <fieldset>
        <legend>Cambiar Imagen</legend>
        <h:form enctype="multipart/form-data">
            <div align="center">

            <t:panelGrid columns="1">
                <t:inputFileUpload id="fileupload" value="#{perfilBean.upFile}" style="width:300px;" size="20"/>
                <br>
            </t:panelGrid>
            <t:panelGroup>
                <div align="center">
                    <h:commandButton value="#{cprivado.subirArchivo}" action="#{perfilBean.upload}" styleClass="boton"/>
                </div>
            </t:panelGroup>
            </div>
        </h:form>
        </fieldset>
        </h:panelGroup>

            </t:div>
            <t:div id="sidebar">
                <h4>Calendario Nexus</h4>
                <div id="calendar" align="center">
                    <a:widget name="dojo.dijit.calendar" />
                </div>
                <h4>Buscador</h4>
                <div id="google" align="center">
                <a:widget name="google.search"
                    args="{centerPoint : 'UMSS, CBBA', defaultSearh : 'jMaki'}" />
                </div>
            </t:div>
        </t:div>
        <t:div id="footer">
                <p> Powered by Nexus II-2009</p>
        </t:div>
    </body>
</html>
</f:view>
